<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./wowjs文档/css/libs/animate.css" />
    <script src="./wowjs代码/wow.min.repeat.js"></script>
    <script src="js/wow.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/common.less" />
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      .navbar-header a {
        margin-top: -8px !important;
      }
      img {
        display: block;
        width: 100%;
      }
      .navbar {
        margin-bottom: 0 !important;
      }
      .item-box1-bgcolor {
        background-color: white;
      }
      .item-box1 {
        margin: 94px 0 57px;
      }
      .item-box1 .left {
      }
      .item-box1 .left .title {
        font-size: 34px;
        font-weight: 200;
        margin-bottom: 37px;
      }
      .item-box1 .left .desc {
        font-size: 19px;
        margin-bottom: 31px;
      }
      .item-box1 .left .text {
        font-size: 13px;
        line-height: 30px;
        text-indent: 2em;
        margin-bottom: 10px;
      }
      .item-box1 .right {
        margin-top: 142px;
      }
      .item-box2-bgcolor {
        background-color: #8cc11f;
        padding: 115px 0 82px;
      }

      .item-box2-bgcolor .title {
        font-size: 34px;
        font-weight: 200;
        color: white;
        margin-bottom: 60px;
      }
      .item-box2 {
        color: white;
      }
      .item-box2 .left > div:nth-child(1) {
        margin-bottom: 17px;
      }
      .item-box2 .right > div:nth-child(1) {
        margin-bottom: 10px;
      }
      .item-box2 .right > div:nth-child(2) {
        margin-bottom: 9px;
      }
      .item-box2 .desc {
        font-size: 16px;
        line-height: 29px;
      }
      .item-box2 .email {
        font-size: 17px;
        width: 219px;
        height: 48px;
        color: #8cc11f;
        text-align: center;
        line-height: 48px;
        background-color: white;
      }
      .item-box3 {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .item-box3 .item {
        margin-top: 72px;
        padding-bottom: 66px;
        border-bottom: 1px solid #d2d2d2;
      }
      .item-box3 .item:last-of-type {
        border: none;
      }
      .item-box3 .item .title {
        font-size: 24px;
        color: #8cc11f;
        margin-bottom: 24px;
        font-weight: 200;
      }
      .item-box3 .item .subtitle {
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 21px;
        margin-top: 17px;
      }
      .item-box3 .item .text {
        font-size: 14px;
        margin-bottom: 16px;
      }
      .item-box4-bgcolor {
        background-color: #f4f4f4;
      }
      .item-box4 {
        padding: 44px 0 62px;
      }
      .item-box4 .title {
        font-size: 34px;
        font-weight: 200;
        margin-bottom: 20px;
      }
      .item-box4 .item-box4-box {
      }
      .item-box4 .item-box4-box .item {
        margin-top: 20px;
      }
      .item-box4 .item-box4-box .item .bgcolor {
        padding: 11px 0 20px;
        background-color: white;
        border: 1px solid #e3e3e3;
        margin: 0;
      }
      .item-box4 .item-box4-box .item .bgcolor > img {
      }


      /* 底部导航 */
      .footer-bgcolor{
        background-color: #3b3b3b;
      }
      .footer{
        margin: 35px 0 37px;
      }
      .footer .left{
        font-size: 14px;
        color:#a1a3ab;
      }
      .footer .left .nav-title{
        margin-bottom: 15px;
      }
      .footer .left .copy{
        font-size: 11px;
      }
      .footer .right{
        display: flex;
        justify-content: space-evenly;
      }
      
      .footer .right .item:nth-child(1){
       
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon01.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(3){
       
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon03.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2){
        position: relative;
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon02.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2)>.qr-code{
position: absolute;
top: -150px;
left: -50px;
width: 142px;
height: 150px;
background: url(./images/footer-QR.png) no-repeat 0px 0px;
background-size: cover;
display: none;
      }
      .footer .right .item:nth-child(2):hover .qr-code{
        display: block;
      }
      @media((max-width:992px)){
        .footer .left{
          text-align: center;
          margin-bottom: 30px;
        }
      }
    </style>
  </head>
  <body>
    <!-- 导航栏开始 -->
    <nav class="navbar navbar-inverse">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button
            type="button"
            class="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1"
            aria-expanded="false"
          >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"
            ><img src="./images/logo.png" alt=""
          /></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="">
              <a href="./首页.html">首页</a>
            </li>
            <li><a href="./家族.html">Laya家族</a></li>
            <li><a href="./游戏.html">游戏</a></li>
            <li><a href="./新闻动态.html">新闻动态</a></li>
            <li><a href="#">开发者中心</a></li>
            <li><a href="#">开发者社区</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="./关于我们.html">关于我们</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a
                href="#"
                class="dropdown-toggle"
                data-toggle="dropdown"
                role="button"
                aria-haspopup="true"
                aria-expanded="false"
                >Language <span class="caret"></span
              ></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>
<!-- 导航栏结束 -->
    <!-- 轮播图 -->
    <div
      id="carousel-example-generic"
      class="carousel slide"
      data-ride="carousel"
    >
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="./images5/banner.png" alt="..." />
        </div>
      </div>
    </div>
    <div class="item-box1-bgcolor">
      <div class="container">
        <div class="item-box1 row">
          <div class="left col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <div class="title wow bounceInDown"
            data-wow-delay="0.5s">公司简介</div>
            <div class="desc wow bounceInLeft"
            data-wow-delay="0.5s">
              搜游网络科技（北京）有限公司是一家面向全球的、技术极客氛围浓
              厚的创新科技企业。
            </div>
            <div class="text wow bounceInRight"
            data-wow-delay="0.7s">
              公司创始人谢成鸿是全球最早的HTML游戏开拓者，是2000年全球最大页游平台“可乐吧”的创始
              人，拥有长达15年的引擎开发经验，是大型HTML5游戏坚定的捍卫者，因此，公司定位于“大型HTML5
              游戏引擎技术研发和产品发行运营”。
            </div>
            <div class="text wow bounceInRight"
            data-wow-delay="0.7s">
              公司拥有一群渴望用技术改变世界的狂人，以“世界因我而不同”为企业使命，推动HTML5产业发
              展，打造的Layabox技术品牌，面向渠道以及开发者，推出基于LAYA的一系列优秀技术产品，拥有最优
              秀的大型HTML5支撑技术和众多成功案例，成为全球顶级的HTML5引擎提供商。
            </div>
          </div>
          <div class="right wow bounceIn left col-lg-4 col-md-4 col-sm-12 col-xs-12"
          data-wow-delay="0.5s">
            <img src="./images5/image01.png" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div class="item-box2-bgcolor">
      <div class="container">
        <div class="title wow bounceInDown"
        data-wow-delay="0.5s">人才招聘</div>
        <div class="item-box2 row">
          <div class="left wow rollIn col-lg-8 col-md-8 col-sm-12 col-xs-12"
          data-wow-delay="0.7s">
            <div class="desc">
              Layabox是性能最强的HTML5引擎技术提供商与优秀的游戏发行商，面向Flash开发者提供
              HTML5开发技术方案！
            </div>
            <div class="desc">
              欢迎各种人才的加入，这里给您最大的发挥空间，一起共创辉煌。
            </div>
          </div>
          <div class="right wow lightSpeedIn col-lg-4 col-md-4 col-sm-12 col-xs-12"
          data-wow-delay="0.7s">
            <div class="desc">请投简历到HR邮箱:</div>
            <div class="email">hr@layabox.com</div>
            <div class="desc">期待优秀的你，共同将梦想写进未来！</div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="item-box3">
        <div class="item wow shake"
        data-wow-delay="0.5s">
          <div class="title">as3引擎开发</div>
          <div class="subtitle">职位描述：</div>
          <div class="text">1. as3游戏引擎编写</div>
          <div class="text">2. as3游戏底层或优化逻辑代码</div>
          <div class="text">3. 游戏架构或性能优化。</div>
          <div class="subtitle">任职要求：</div>
          <div class="text">
            1. 熟练掌握ActionScript
            3语言,熟悉ActionScript3程序技巧，以及常用内置类；
          </div>
          <div class="text">
            2. 熟悉MVC框架的使用，理解面向对象编程思想，可以抽象一般的业务内容；
          </div>
          <div class="text">
            3.
            热爱游戏行业,热衷编程，工作认真负责,具有良好的沟通能力，以及团队合作能力，强烈的责任心、创业精神；
          </div>
          <div class="text">4. 具有丰富的游戏开发经验；</div>
          <div class="text">5. 能写底层或引擎等优先考虑。</div>
        </div>
        <div class="item wow shake"
        data-wow-delay="0.5s">
          <div class="title">PHP开发工程师</div>
          <div class="subtitle">职位描述：</div>
          <div class="text">
            1. 设计并实现大数据，高并发，可扩展性的海量用户级游戏平台；
          </div>
          <div class="text">2. 负责平台核心功能模块的开发，调试和整合；</div>
          <div class="text">3. 参与制定平台业务流程，交互式平台架构。</div>
          <div class="subtitle">任职要求：</div>
          <div class="text">
            1.
            具有强烈的责任心，良好的沟通能力，有较强的独立工作能力和解决问题的能力；
          </div>
          <div class="text">
            2. 三年以上PHP开发经验，熟练掌握PHP开发及性能优化经验；
          </div>
          <div class="text">
            3.
            熟悉大型网站或平台的构架和性能优化，熟悉各种WEB缓存技术，并有实际的项目经验；
          </div>
          <div class="text">4. 熟悉Linux服务器环境优先考虑。</div>
        </div>
        <div class="item wow shake"
        data-wow-delay="0.5s">
          <div class="title">游戏商务经理</div>
          <div class="subtitle">职位描述：</div>
          <div class="text">1. 负责开拓游戏合作客户，及落实商务政策；</div>
          <div class="text">
            2.
            寻找符合公司利益的战略合作伙伴，并参与商务谈判，促成合作业务的达成；
          </div>

          <div class="subtitle">任职要求：</div>
          <div class="text">
            1.
            熟悉互联网及游戏行业内合作运营的具体情况，具备大型网页游戏平台商务工作经验；
          </div>
          <div class="text">
            2. 敏锐的市场洞察力，对游戏合作模式有较深了解；
          </div>
          <div class="text">
            3. 优秀的人际交往、商务拓展和任务执行能力，并能承受工作压力；
          </div>
          <div class="text">
            4. 工作认真细致，具备高度的责任心、团队协作意识和吃苦耐劳精神；
          </div>
          <div class="text">5. 英语优秀者优先。</div>
        </div>
        <div class="item wow shake"
        data-wow-delay="0.5s">
          <div class="title">游戏运维工程师</div>
          <div class="subtitle">职位描述：</div>
          <div class="text">
            1. 网络游戏的环境部署、多版本发布、在线升级和相关维护工作；
          </div>
          <div class="text">
            2.
            监控服务器运行状态，第一时间处理服务器突发软硬件故障，对服务器安全管理的规划和执行；
          </div>
          <div class="text">3. 服务器数据、文件的备份管理；</div>
          <div class="text">
            4. 游戏服务器部署架构的研究和优化，游戏自动化部署、发布的研究工作。
          </div>
          <div class="subtitle">任职要求：</div>
          <div class="text">
            1.
            大专及以上学历，计算机或相关专业，2年以上Linux服务器管理维护经验；
          </div>
          <div class="text">
            2. 熟悉windows、Linux操作系统的安装、管理；会制作自动化安装光盘 ；
          </div>
          <div class="text">
            3.
            了解常见应用服务器LAMP安装、配置；了解主流数据库Mysql的安装、配置；
          </div>
          <div class="text">
            4.
            具有高度的责任心、抗压力，以及良好的沟通能力及团队合作精神，具有独立分析和处理故障的能力；
          </div>
          <div class="text">
            5.
            熟悉防火墙，路由、交换机的运行机制和配置，熟悉各种网络协议；具有游戏运维经验，熟悉网络游戏服务器部署架构者优先；
          </div>
          <div class="text">
            6. 有自动化部署、发布；腾讯平台游戏接入、运维工作经验者优先。
          </div>
        </div>
        <div class="item wow shake"
        data-wow-delay="0.5s">
          <div class="title">android开发工程师</div>
          <div class="subtitle">职位描述：</div>
          <div class="text">1. 负责各种平台对接，浏览器对接。</div>

          <div class="subtitle">任职要求：</div>
          <div class="text">1. 熟悉java；</div>
          <div class="text">2. 熟悉android原生开发；</div>
          <div class="text">
            3. 能够用android做一下简单的界面，熟悉webView的用法。
          </div>
        </div>
      </div>
    </div>
    <div class="item-box4-bgcolor">
      <div class="container">
        <div class="item-box4">
          <div class="title wow bounceIn"
          data-wow-delay="0.5s">联系方式</div>
          <div class="item-box4-box wow flipInX row"
          data-wow-delay="0.7s">
            <div class="item col-lg-6 col-md-6 col-sm-12 col-xs-12">
              <div class="bgcolor row">
                <img
                  src="./images5/icon01.png"
                  alt=""
                  class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                />
                <span class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                  >北京市海淀区 蓝靛厂南路25号牛顿办公区301室</span
                >
              </div>
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-12 col-xs-12">
              <div class="bgcolor row">
                <img
                  src="./images5/icon02.png"
                  alt=""
                  class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                />
                <span class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                  >bd@layabox.com</span
                >
              </div>
            </div>
          
            <div class="item col-lg-6 col-md-6 col-sm-12 col-xs-12">
              <div class="bgcolor row">
                <img
                  src="./images5/icon03.png"
                  alt=""
                  class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                />
                <span class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                  >微信公众号：layabox</span
                >
              </div>
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-12 col-xs-12">
              <div class="bgcolor row">
                <img
                  src="./images5/icon04.png"
                  alt=""
                  class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                />
                <span class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                  >电话：010-56277796</span
                >
              </div>
            </div>
        </div>
      </div>
    </div>
    </div>
    <div class="footer-bgcolor">
      <div class="container">
          <div class="footer row">
      <div class="left col-lg-9 col-md-9 col-md-12 col-xs-12">
<div class="nav-title">公司简介 联系方式 人才招聘</div>
<div class="copy">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
      </div>
      <div class="right col-lg-3 col-md-3 col-md-12 col-xs-12">
        <div class="item">
        
        </div>
        <div class="item">
        <div class="qr-code"></div>
         
        </div>
        <div class="item">
         
        </div>
      </div>
    </div>
      </div>
    </div>
  </body>
  <script src="./js/jquery-3.7.1.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/less.min.js"></script>
  <script>
    new WOW().init();
  </script>
</html>
